<!--
 * @Author: liyin 2179253556@qq.com
 * @Date: 2023-12-18 15:55:20
 * @LastEditors: liyin 2179253556@qq.com
 * @LastEditTime: 2024-01-09 11:34:08
 * @FilePath: \billboard-statistics-screen\src\components\Common\SearchComponent.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <!-- 搜索部分 -->
    <el-col class="colList" :span="span">
        <div class="row align-items" style="width: 100%;">
            <div class="label-font-box" v-if="label != ''">
                {{ label }}
            </div>
            <div class="label-content-box">
                <slot></slot>
            </div>

        </div>
    </el-col>
</template>
<script>
export default {
    name:'RowItem',
    props: {
        // 床位集合
        label: {
            type: String,
            default: ''
        },
        span: {
            type: Number,
            default: 8
        }
    },
    data() {
        return {
        }
    },
    methods: {},
    mounted() { }
}
</script>
<style lang="less" scoped>
.colList {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;

    .label-font-box {
        min-width: 44px;
        font-size: 12px;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        color: #ACD3FC;
    }

    .label-content-box {
        flex: 1;
    }
}
</style>